<!DOCTYPE html>
<html>
<head>
  <title>Give & Share Market</title>
  <meta class="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="utf-8">
  <link href="<?php echo base_url() ?>/img/favicon.ico" rel="shortcut icon">

  <link rel='stylesheet' href="<?php echo base_url() ?>css/docs.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/buttons/social-icons.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/buttons/animation.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/font-awesome.min.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/bootstrap.min.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/jslider.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/settings.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/jquery.fancybox.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/animate.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/video-js.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/morris.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/style.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/responsive.css">
  <link rel='stylesheet' href="<?php echo base_url() ?>css/pages.css">
    
  <style>
	#top-box,
	.carousel-box .next:hover,
	.carousel-box .prev:hover,
	.product .product-hover,
	#footer .up:hover,
    .btn,
    .btn:visited,
    .slider .slider-nav,
    .active .accordion-heading .accordion-toggle,
    .banner-set .pagination a:hover,
    .employee .employee-hover,
    .carousel-box .pagination a:hover,
    .sidebar .menu li.active > a,
    .pagination ul > li > a:hover,
    .sidebar .tags a:hover,
    .sidebar .banners .banner-text,
    #catalog .category-img .description,
    .county-days-wrapper,
    .county-hours-wrapper,
    .county-minutes-wrapper,
    .county-seconds-wrapper,
    .product-bottom .related-products header:before,
    #slider.rs-slider .tparrows:hover,
    .toolbar .sort-catalog .dropdown-toggle,
    .toolbar .grid-list .grid,
    .toolbar .grid-list .list,
    .toolbar .up-down,
    .toolbar .up-down.active,
    .toolbar .grid-list a.grid:hover,
    .toolbar .grid-list a.list:hover,
    .pagination ul > .active > a,
    .pagination ul > .active > span,
    .sidebar .tags a,
    .sidebar .menu li.parent > a .open-sub:before,
    .sidebar .menu li.parent > a .open-sub:after,
    .accordion-heading .accordion-toggle:before,
    .accordion-heading .accordion-toggle:after,
    .new-radio.checked span,
	.list .product .actions a:hover,
	.product-page .span7 .actions a:hover,
	.product-page .image-box .thumblist-box .prev:hover,
	.product-page .image-box .thumblist-box .next:hover,
    .btn.btn-inverse:hover,
    .btn.btn-inverse:focus,
    .btn.btn-inverse:active,
    .btn.btn-inverse.active,
    .btn.btn-inverse.disabled,
    .btn.btn-inverse[disabled],
	.accordion-tab > li > a .open-sub:before,
	.accordion-tab > li > a .open-sub:after,
	.products-tab .accordion-tab > li > a .open-sub:before,
	.products-tab .accordion-tab > li > a .open-sub:after {
	  background-color: #40499b;
	}
    .slider .slider-nav {
      background-color: rgba(64,73,155,.97);
    }
    .county-days-wrapper,
    .county-hours-wrapper,
    .county-minutes-wrapper,
    .county-seconds-wrappe,
	.product .product-hover,
	.rotation .employee-hover {
      background-color: rgba(64,73,155,.9);
    }
    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn.active,
    .btn.disabled,
    .btn[disabled] {
      background-color: #40499b;
      background-color: rgba(64,73,155,.8);
    }
    #catalog .category-img .description,
    .toolbar .sort-catalog .dropdown-toggle,
    .toolbar .grid-list .grid,
    .toolbar .grid-list .list,
    .toolbar .up-down,
    .toolbar .up-down.active,
    .pagination ul > .active > a,
    .pagination ul > .active > span,
    .sidebar .tags a {
      background-color: rgba(64,73,155,.7);
    }
    .sidebar .banners .banner-text {
      background-color: rgba(64,73,155,.65);
    }
    #slider.rs-slider .tparrows,
	.product-page .add-cart-form .number .regulator a:hover {
      background-color: rgba(64,73,155,.5);
    }
	.pricing .bottom-box {
	  background-color: rgba(64,73,155,.05);
	}
	.pricing {
	  background-color: rgba(64,73,155,.06);
	}
	.pricing .options li,
	.pricing .bottom-box {
	  border-color: rgba(64,73,155,.1);
	}
	.header .cart-header .dropdown-toggle,
	#footer .newsletter input:focus + .submit,
    .icon,
    .big-icon,
    .big-icon:visited,
    .service .icon,
    .close:hover,
    .close:focus,
    .img-thumbnail:hover .bg-images i:before,
    .box-404 h1,
    .gallery-images:hover .bg-images i:before,
    .features-block .header-box .icon-box,
    .features-block .header-box,
    .sidebar .newsletter input:focus + .submit,
	.sidebar .section .selected .close:hover,
    .package .title a,
    .package .price-box .price,
    .package .price-box .icon,
    .pricing .title a,
    .pricing .options li span,
	.pricing .options li.active {
	  color: #40499b;
	}
	.pricing .bottom-box .more {
	  color: rgba(64,73,155,.7);
	}
	.pricing .options li {
	  color: rgba(64,73,155,.4);
	}
	.phone-header a svg path,
	.search-header a svg path,
	.product .actions a svg path,
    .product-remove:hover path,
    .sidebar .wishlist .add-cart:hover path,
    .header .cart-header .dropdown-toggle .icon svg path,
    .search-active .search-submit svg path, .search-result .search-submit svg path,
    .new-checkbox svg polygon,
	.product-bottom .related-products li .button-box .wishlist:hover svg path,
	.jslider .jslider-pointer svg path,
	.rating-box .rating svg polygon {
	  fill: #40499b;
	}
    .carousel-box .pagination a.selected,
    .banner-set .pagination a.selected {
      background: #ccc;
	  background: rgba(0,0,0,.3);
    }
	@media (max-width: 979px) {
	  .header .primary .navbar .nav > .parent.active > a,
	  .header .primary .navbar .nav > .parent.active:hover > a,
	  .header .primary .navbar .nav .open-sub span,
	  .header .primary .navbar .btn-navbar .icon-bar,
	  .header.header-two .primary .navbar .btn-navbar.collapsed .icon-bar,
	  .accordion-tab > .active > a,
	  .accordion-tab > .active:hover > a,
	  .products-tab .accordion-tab > .active > a,
	  .products-tab .accordion-tab > .active:hover > a {
		background-color: #40499b;
	  }
	}
	.navbar-inverse .brand,
	.navbar-inverse .nav > li > a,
	.btn-group.btn-select .dropdown-toggle,
	.product .product-hover,
	.employee .employee-hover,
	.slider .slid-content{
	  color: #fff;
	}
	.product .product-hover ul li {
	  background-image: url("<?php echo base_url() ?>img/svg/check-icon-white.svg"), none;
	}
  </style>
  
  <!--[if IE]>
	<link rel='stylesheet' href="css/ie/ie.css">
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <!--[if IE 9 ]>
    <link rel='stylesheet' href="css/ie/ie9.css">
  <![endif]-->
</head>
<body class="fixed-header hidden-top">
<div class="page-box">
<div class="page-box-content">
﻿<div id="top-box">
    <div class="container">
        <div class="my-account navbar navbar-inverse pull-right">
            <div class="navbar-inner">
                <nav>
                    <ul class="nav">
                        <li><a href="javascript:;">บัญชีของฉัน</a></li>
                        <li><a href="javascript:;">Checkout</a></li>
                        <li><a href="javascript:;">เข้าสู่ระบบ</a></li>
                    </ul>
                </nav>
            </div>
        </div><!-- .my-account -->
    </div>
</div><!-- #top-box -->

<header class="header">
    <div class="container">
        <div class="row">
            <div class="span2 logo-box">
                <a href="index.php" class="logo">
                    <img src="<?php echo base_url() ?>img/logo.png" class="logo-img" alt="">
                </a>
            </div>
            <div class="span7 primary">
                <div class="navbar">
                    <a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".primary .nav-collapse">
                        <span class="text">Menu</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <nav class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="parent">
                                <a href="index.php">หน้าหลัก</a>
                                <ul class="sub">
                                    <li><a href="http://www.smartonline.co.th">หน้าหลัก Smart Online</a></li>
                                </ul>
                            </li>
                            <li class="parent">
                                <a href="javascript:;">วิธีการสั่งซื้อ</a>
                                <ul class="sub">
                                    <div class="span3">
                                        <a class="gallery-images" rel="fancybox" href="<?php echo base_url() ?>img/content/supply.jpg">
                                            <img src="<?php echo base_url() ?>img/content/supply.jpg" width="940" height="610" alt="">
                                            <span class="bg-images"><i class="fa fa-search"></i></span></a></div>
                                </ul>
                            <li class="parent">
                                <a href="javascript:;">วิธีการชำระเงิน</a>
                                <ul class="sub">
                                    <div class="span3">
                                        <a class="gallery-images" rel="fancybox" href="<?php echo base_url() ?>img/content/pay.jpg">
                                            <img src="<?php echo base_url() ?>img/content/pay.jpg" width="940" height="610" alt="">
                                            <span class="bg-images"><i class="fa fa-search"></i></span></a></div>
                                </ul>
                            </li>
                            <li class="parent">
                                <a target="_blank" href="http://www.smartonline.co.th/member/">ระบบสมาชิก</a>
                            </li>
                            <li class="parent">
                                <a href="javascript:;">เช็คเงิน E-Wallet</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>

            <div class="span3">
                <div class="btn-group cart-header">
                    <a href="<? echo base_url() ?>Cart" class="dropdown-toggle" data-toggle="dropdown">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
                            <g>
                            <path fill="#1e1e1e" d="M15.001,4h-0.57l-3.707-3.707c-0.391-0.391-1.023-0.391-1.414,0c-0.391,0.391-0.391,1.023,0,1.414L11.603,4
                                  H4.43l2.293-2.293c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0L1.602,4H1C0.448,4,0,4.448,0,5s0.448,1,1,1
                                  c0,2.69,0,7.23,0,8c0,1.104,0.896,2,2,2h10c1.104,0,2-0.896,2-2c0-0.77,0-5.31,0-8c0.553,0,1-0.448,1-1S15.554,4,15.001,4z
                                  M13.001,14H3V6h10V14z"/>
                            <path fill="#231F20" d="M11.001,13c0.553,0,1-0.447,1-1V8c0-0.553-0.447-1-1-1s-1,0.447-1,1v4C10.001,12.553,10.448,13,11.001,13z"/>
                            <path fill="#231F20" d="M8,13c0.553,0,1-0.447,1-1V8c0-0.553-0.448-1-1-1S7,7.447,7,8v4C7,12.553,7.448,13,8,13z"/>
                            <path fill="#231F20" d="M5,13c0.553,0,1-0.447,1-1V8c0-0.553-0.447-1-1-1S4,7.447,4,8v4C4,12.553,4.448,13,5,13z"/>
                            </g>
                            </svg>
                        </div>
                        ตะกร้า <span>(<? echo $this->cart_model->getCartCount(); ?>)</span>
                    </a>
                    <div class="dropdown-menu">
                        <script>
                            function remove_cart(prd_id) {
                                if (confirm("ต้องการลบรายการสินค้าออกจากตะกร้า?")) {
                                    document.recent_cart.form_action.value = "remove_cart";
                                    document.recent_cart.PRD_ID.value = prd_id;
                                    document.recent_cart.submit();
                                }
                            }
                        </script>
                        <strong>รายการที่เพิ่งเพิ่มลงตะกร้า</strong>


                        <ul class="unstyled">
                            <li>ไม่มีรายการสินค้าในตะกร้า</li>
                        </ul>



                        <div class="cart-button">
                            <button class="btn" onClick="window.location='<? echo base_url() ?>Cart';">ดูตะกร้า</button>
                            <button class="btn checkout">ชำระค่าสินค้า</button>
                        </div>
                    </div>
                </div>

                <div class="phone-header">
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                             width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
                        <path fill="#231F20" d="M11.001,0H5C3.896,0,3,0.896,3,2c0,0.273,0,11.727,0,12c0,1.104,0.896,2,2,2h6c1.104,0,2-0.896,2-2
                              c0-0.273,0-11.727,0-12C13.001,0.896,12.105,0,11.001,0z M8,15c-0.552,0-1-0.447-1-1s0.448-1,1-1s1,0.447,1,1S8.553,15,8,15z
                              M11.001,12H5V2h6V12z"/>
                        </svg>
                    </a>
                </div>

                <div class="search-header">
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
                        <path fill="#231F20" d="M12.001,10l-0.5,0.5l-0.79-0.79c0.806-1.021,1.29-2.308,1.29-3.71c0-3.313-2.687-6-6-6C2.687,0,0,2.687,0,6
                              s2.687,6,6,6c1.402,0,2.688-0.484,3.71-1.29l0.79,0.79l-0.5,0.5l4,4l2-2L12.001,10z M6,10c-2.206,0-4-1.794-4-4s1.794-4,4-4
                              s4,1.794,4,4S8.206,10,6,10z"/>
                        </svg>
                    </a>
                </div>
            </div>

            <div class="phone-active span9">
                <a href="#" class="close"><span>ปิด</span>&#215;</a>
                <span class="title">ติดต่อเรา</span> <strong>02-521-8262</strong>
            </div>
            <div class="search-active span9">
                <a href="#" class="close"><span>ปิด</span>&#215;</a>
                <form name="search-form">
                    <input class="search-string" type="search" placeholder="ใส่คำที่ต้องการค้นหา" name="search-string">
                    <button class="search-submit">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
                        <path fill="#231F20" d="M12.001,10l-0.5,0.5l-0.79-0.79c0.806-1.021,1.29-2.308,1.29-3.71c0-3.313-2.687-6-6-6C2.687,0,0,2.687,0,6
                              s2.687,6,6,6c1.402,0,2.688-0.484,3.71-1.29l0.79,0.79l-0.5,0.5l4,4l2-2L12.001,10z M6,10c-2.206,0-4-1.794-4-4s1.794-4,4-4
                              s4,1.794,4,4S8.206,10,6,10z"/>
                        </svg>
                    </button>
                </form>
            </div>
        </div>
    </div>
</header>